<head>
  <title>baidu-demo</title>
  <link rel="stylesheet" type="text/css" href="reset.css">
  <link rel="stylesheet" type="text/css" href="style.css">
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="index.js"></script>
</head>

<body>
  <div class="wrap">
    <header class="header">
      <nav>
        <div class="baidu-slider-menu clear-fix">
          <ul>
            <li class="more-product"><span>更多产品</span></li>
            <li class="setting">
              <a href="#!">设置</a>
              <div class="setting-drop">
                <div class="ul">
                  <div class="li"><a href="#!">搜索设置</a></div>
                  <div class="li"><a href="#!">高级搜索</a></div>
                  <div class="li"><a href="#!">关闭预测</a></div>
                  <div class="li"><a href="#!">隐私设置</a></div>
                </div>
              </div>
            </li>
            <li><a href="#!">登录</a></li>
            <li><a href="#!">学术</a></li>
            <li><a href="#!">贴吧</a></li>
            <li><a href="#!">视频</a></li>
            <li><a href="#!">地图</a></li>
            <li><a href="#!">hao123</a></li>
            <li><a href="#!">新闻</a></li>
          </ul>
        </div>
      </nav>
    </header>

    <section class="container">
      <div class="logo">
        <img src="img/logo.png">
      </div>
      <div class="search">
        <div class="search-tools">
          <input type="" name="">
          <button>百度一下</button>
        </div>
      </div>
    </section>

    <div class="baidu-slider-product">
      <ul>
        <li class="first"><a href="#!"><img src="img/re-logo_7c90a10.png">糯米</a></li>
        <li><a href="#!"><img src="img/re-logo_7c90a10.png">糯米</a></li>
        <li><a href="#!"><img src="img/re-logo_7c90a10.png">糯米</a></li>
      </ul>
    </div>

    <div class="qr">
      <img src="img/qr.png">
    </div>

    <footer class="footer">
      <ul class="clear-fix">
        <li><a href="#!">把百度设为首页</a></li>
        <li><a href="#!">关于百度</a></li>
        <li><a href="#!">About Baidu</a></li>
        <li><a href="#!">百度推广</a></li>
      </ul>
      <br>
      <p>©2018 Baidu <a href="#!">使用百度前必读</a> <a href="#!">意见反馈</a> 京ICP证030173号 </p>
      <p><a href="#!">京公网安备11000002000001号</a></p>
    </footer>

  </div>
</body>